<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<c:set var="companyId" value="18" ></c:set>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="IE=edge" >
        <link rel="stylesheet" href="${path }/websites/demopc/css/bootstrap-3.3.5/css/bootstrap.css" type="text/css" >
        <link rel="stylesheet" href="${path }/websites/demopc/css/base.css" media="screen" type="text/css" >
        <link rel="stylesheet" href="${path }/websites/demopc/css/public.css" media="screen" type="text/css" >
       <link href="${path }/resource/css/styleOne/animate.min.css" rel="stylesheet" type="text/css" />
        
        <script type="text/javascript" src="${path }/websites/demopc/js/jquery-1.11.1.min.js"></script>	
        <script type="text/javascript" src="${path }/websites/demopc/js/pageSwitch.min.js"></script>
        <script type="text/javascript" src="${path }/websites/demopc/js/respond.js"></script>
        
			<cms:setting companyId="${companyId }" var="title" code="title"></cms:setting>
			<title data-index="0" id="selextTitle">${title.paramValue }</title>
    </head>
    <body>
           <jsp:include page="_top.jsp"></jsp:include>
          <cms:ad  companyId="${companyId}" var="syb" code="syBanner" ></cms:ad>
		<div id="container">
            <div class="sections">
            <c:forEach items="${syb}" var="item" varStatus="count">
              <div class="section" id="section${count.index}" 
              style="background-image:url(${item.adImg});"></div>
			</c:forEach>
            </div>
          </div>

          <div class="content" style="width:100%;">
          <cms:ad  companyId="${companyId}" var="gs" code="gsln" multi="false"></cms:ad>
             <div class="colum-left wow animated fadeInDown fadeIn">
                <h2 class="left-txt">${gs.adTitle }：</h2>
                <p>${gs.adInfo1 }</p>
             </div>
             <div class="colum-right">
                 <button class="btn-more wow animated fadeInDown fadeIn"><a href="">了解更多</a></button>
             </div>
          </div>
         
          <div  class="container text-center service ">
          <cms:ad  companyId="${companyId}" var="wmd" code="wmdfw"></cms:ad>
             <span class="service-title con-title wow animated fadeInDown fadeIn"><b>
              <c:if test="${wmd.size() >0}">
             ${wmd[0].colName }</c:if></b></span>
             <span class="line"></span>
               <ul class="row wow animated fadeInDown fadeIn">
				<c:forEach var="item" items="${wmd }">
				<li class="col-md-3">
                   <img src="${item.adImg }" alt="" />
                   <p>${item.adTitle }</p>
                   <span>${item.adInfo1 }</span>
                   </li>
				</c:forEach>
              
               </ul>
          </div>
          <div class="case">
            <div class="container">
              <div class="case-title text-center">
               <cms:ad  companyId="${companyId}" var="jjfa" code="jjfa"></cms:ad>
                <c:if test="${jjfa.size() >0}">
                <span class="con-title case-title wow animated fadeInDown fadeIn"><b>
                ${jjfa[0].adTitle }</b></span>
                <p class="con-p">${jjfa[0].adInfo1 }</p>
                </c:if>
              </div>
              <div class="row case-img wow fadeOutIn fadeIn">
                <ul>
                <c:forEach var="item" items="${jjfa }">
                 <li class="col-md-4"><img src="${item.adImg }" alt="" /></li>
                </c:forEach>
                </ul>
              </div>

            </div>
          </div>
          <div class="banner-info-txt">
          <cms:ad companyId="${companyId }" var="ban" code="banner3" multi="false"></cms:ad>
            <img src="${ban.adImg}" alt="" />
            <p class="p-txt"><i>“</i>&nbsp;&nbsp;&nbsp;&nbsp;<span class="wow  flash">${ban.adInfo1}</span>&nbsp;&nbsp;&nbsp;&nbsp;<i>”</i></p>
            <p class="wow animated flash">${ban.adTitle }</p>
          </div>
          <div class="container text-center about-good">
          	<cms:ad  companyId="${companyId}" var="wmd" code="wmdys"></cms:ad>
             <span class="con-title wow animated fadeInDown fadeIn"><b>
              <c:if test="${wmd.size() >0}">
             ${wmd[0].colName}</c:if></b></span>
             <p class="con-p">>${wmd[0].adTitle}</p>
             <div class="row icon-top wow animated fadeInUp fadeIn">
               <ul>
               <c:forEach var="item" items="${wmd }">
					<li class="col-md-3">
                   <img src="${item.adImg}" alt="" />
                   <p>${item.adInfo1}</p>
                   <span>${item.adInfo2}</span>
                 </li>
				</c:forEach>
               </ul>
             </div>
          </div>
          <cms:ad companyId="${companyId }" var="ban" code="banner2" multi="false"></cms:ad>
          <div class="banner-right" style='background-image:url(${ban.adImg})'>
            <div class="right-txt wow animated fadeInRight fadeIn">
             <span>${ban.adTitle }</span>
             <p>${ban.adInfo1}</p>
             <button class="btn-more"><a href="">了解更多</a></button>
            </div>
          </div>
            
            <div class="contact container text-center  wow animated fadeInUp fadeIn">
 		<cms:ad companyId="${companyId }" var="lxdh" code="lxdh" multi="false"></cms:ad>
              <span class="con-title"><b>${lxdh.colName }</b></span>
              <p class="con-p">${lxdh.adTitle }</p>
              <i>${lxdh.adInfo1}</i>
              <div class="row list-bg">
              <cms:ad companyId="${companyId }" var="qq" code="xlqq" ></cms:ad>
                <ul>
                 <c:forEach var="item" items="${qq}">
                  <li class="col-md-4">
                    <img src="${path }/websites/demopc/images/contact-bg.jpg" alt="" />
                    <div class="bg-content">
                        <div class="icon">
                            <img src="${item.adImg}" alt="" />
                        </div>
                        <div class="txt">
                            <p class="txt-p">${item.adTitle }</p>
                            <p class="p-sm">
                                <span>${item.adInfo1 }</span>
                                <span>${item.adInfo2 }</span>
                            </p>
                        </div>
                    </div>
                  </li>
                   </c:forEach>
                </ul>
              </div>
           
              <div class="code">
              <cms:ad companyId="${companyId }" var="sjsm" code="sjsm" multi="false"></cms:ad>
                <img src="${sjsm.adImg}" alt="" />
                <p>${sjsm.adTitle }</p>
                <img src="${path }/websites/demopc/images/erweima.png" alt="" class="code-bg"/>
              </div>
          </div>
            
          <div class="container list-img-bg">
          <cms:ad companyId="${companyId }" var="jytd" code="jytd" ></cms:ad>
             <div class="row bg-top wow animated fadeInUp fadeIn">
                <ul>
                <c:forEach var="item" items="${jytd }">
                  <li class="col-md-3">
                  <img src="${item.adImg}" alt="" />
                  <div class="tu-txt  wow animated fadeInUp fadeIn">
                     <span>${item.adTitle}</span>
                     <p>${item.adInfo1}</p>
                     <p class="sm">${item.adInfo2}</p>
                  </div>
                  </li>
                  </c:forEach>
                </ul>
             </div>
          </div>
       <jsp:include page="_foot.jsp"></jsp:include>
 <script src="${path }/websites/demopc/js/wow.min.js"></script>
<script>
 $("#container").PageSwitch({
      direction:'horizontal',
      easing:'ease-in',
      duration:1000,
      autoPlay:true,
      loop:'false'
       }); 
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        new WOW().init();
    };
</script>

 </body>
</html>
